<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/9/5 0005
 * Time: 下午 8:18
 */
defined('BASEPATH') OR exit('No direct script access allowed');

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title><?php echo $title ;?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!-- css -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="/ci/public/home/materialize/css/materialize.min.css" media="screen,projection" />
    <link href="/ci/public/home/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/ci/public/home/css/fancybox/jquery.fancybox.css" rel="stylesheet">
    <link href="/ci/public/home/css/flexslider.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/ci/public/home/css/zoomslider.css" />
    <link href="/ci/public/home/css/style.css" rel="stylesheet" />
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- Vendor Styles 品牌文化-->
    <link href="/ci/public/home/css/magnific-popup.css" rel="stylesheet">
    <!-- Block Styles -->
<!--    <link href="/ci/public/home/css/style.css" rel="stylesheet" />-->
    <link href="/ci/public/home/css/gallery-1.css" rel="stylesheet">

    <!--联系我们-->
    <link href="/ci/public/home/css/flexslider.css" rel="stylesheet" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/layer/3.0.1/skin/default/layer.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
    <script src="<?=base_url();?>public/home/layui/layui.js"></script>
    <!-- <script src="./public/layui.css"></script> -->
    <link href="<?=base_url();?>public/home/layui/css/layui.css" rel="stylesheet">

</head>
<body>
<div id="wrapper" class="home-page">
    <header class="topbar">
        <div class="container">
            <div class="row">
                <!-- social icon-->
                <div class="col-sm-3">
                    <ul class="social-network">
                        <!-- QQ第三方登陆 -->
                        <li><a class="waves-effect waves-dark" href="#"><i class="fa fa-qq"></i></a></li>
                        <li><a class="waves-effect waves-dark" href="#"><i class="fa fa-weixin"></i></a></li>
                        <li><a class="waves-effect waves-dark" href="javascript:void (0)" id="button"><i class="fa fa-user"></i></a></li>
                        <li><a class="waves-effect waves-dark" href="javascript:void (0)" id="reg"><i class="fa fa-user-plus"></i></a></li>
                    </ul>
                </div>
                <div class="col-sm-9">
                    <div class="row">
                        <ul class="info">
                            <li>
                                <i class="fa fa-envelope-open"></i>
                                <span>info@HillSide.com</span></li>
                            <li>
                                <i class="fa fa-phone"></i>
                                <span>+(868)8888-6666</span></li>
                        </ul>
                        <div class="clr"></div>
                    </div>
                </div>
                <!-- info -->

            </div>
        </div>
    </header>

    <!-- start header -->
    <header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="<?=site_url()?>/Home/index"><i class="icon-info-blocks material-icons">account_balance</i>家天下</a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li class="HillSide"><a class="waves-effect waves-dark" href="<?=site_url()?>/Home/index">首页</a></li>



                        <li><a class="waves-effect waves-dark" href="<?=site_url()?>/face/Product/index">产品服务</a></li>
                        <!-- 参考华润置地 -->
                        <li><a class="waves-effect waves-dark" href="<?=site_url()?>/face/Company/companyBrand">地产案例</a></li>
                        <!-- 参考华润置地,财务报表 -->
                        <li><a class="waves-effect waves-dark" href="<?=site_url()?>/face/News/index">新闻中心</a></li>
                        <!-- 参考华润置地,人力资源之加入我们 -->
                        <li><a class="waves-effect waves-dark" href="<?=site_url()?>/face/Company/contact">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!-- end header -->


    <div id="info" style="display:none">
        <form class="layui-form" style="margin-top: 45px" action="<?=site_url()?>/face/Login/index" method="post">

            <div class="layui-form-item">
                <label class="layui-form-label">账号</label>
                <div class="layui-input-inline">
                    <input type="text" name="mobile"  placeholder="手机号码或邮箱" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="password" name="password"  placeholder="请输入密码"  class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">登录</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>

        <script>
            //Demo
            layui.use('form', function(){
                var form = layui.form();
            });
        </script>

    </div>


    <div id="info1" style="display:none">
        <form class="layui-form" style="margin-top: 45px" action="<?=site_url()?>/face/Login/register" method="post">


            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="username"  placeholder="请输入姓名" class="layui-input">
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label">账号</label>
                <div class="layui-input-inline">
                    <input type="text" id="category" name="mobile"  placeholder="请输入手机号码" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="password" name="pwd"  placeholder="请输入密码"  class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">确认密码</label>
                <div class="layui-input-inline">
                    <input type="password" name="repassword"  placeholder="请再输入密码"  class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">注册</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>

        <script>
            //Demo
            layui.use('form', function(){
                var form = layui.form();
            });
        </script>

    </div>



<script>
    $(function(){

            $("#category").keyup(function(){
            var len=$("#category").val().length;
            var reg = new RegExp("\\s","g");
            var mobile_ = "";
            var mobile=$("#category").val();
//  去掉空格
            mobile = mobile.replace(reg,"");
            for(var i = 0;i < len;i++){
            if(i == 2||i == 6)
        {
            mobile_ = mobile_ + mobile.charAt(i) + " ";
        }
            else
        {
            mobile_ = mobile_ + mobile.charAt(i);
        }

        }
            $("#category").attr("value",mobile_);

        });


        //打开遮罩层
        $('#button').click(function(){
            // layer.msg('有表情地提示', {icon: 6},zIndex  : 889,//层叠值);
            layer.open({

                type    :  1, //页面层类型
                zIndex  : 888,//层叠值
                title   :  '家天下登录', //标题信息,false代表空没有
                skin    :  'layui-layer-molv', //内置样式
                area    :  ['400px', '300px'],
                scrollbar: false,//屏蔽浏览器滚动
                anim    :   0, //动画效果

                // offset: ['100px', '50px'],//没有这一列默认居中,又可以定位

                content: $('#info')  //内容
            });


        });
        //关闭遮罩层
        $('#close').click(function(){
            // layer.msg('不开心。。', {icon: 5});

            layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
        });

    })

</script>

    <script>
        $(function(){
            //打开遮罩层
            $('#reg').click(function(){
                // layer.msg('有表情地提示', {icon: 6},zIndex  : 889,//层叠值);
                layer.open({

                    type    :  1, //页面层类型
                    zIndex  : 888,//层叠值
                    title   :  '注册', //标题信息,false代表空没有
                    skin    :  'layui-layer-molv', //内置样式
                    area    :  ['400px', '500px'],
                    scrollbar: false,//屏蔽浏览器滚动
                    anim    :   0, //动画效果
                    // offset: ['100px', '50px'],//没有这一列默认居中,又可以定位

                    content: $('#info1')  //内容
                });


            });
            //关闭遮罩层
            $('#close').click(function(){
                // layer.msg('不开心。。', {icon: 5});

                layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
            });




        })

</script>
